<%@page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="root61">
<head>
	<%@include file="/views/common/include/taglib.jsp"%>
	<%@include file="/views/common/include/head.jsp"%>
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/admin.css" source="widget" />

	<style type="text/css">
	.form-group{
	height:60px;
	/* margin: 0px 0px 0px 50px; */
	}
	.editdiv{
	float:left;
	}
	.form-control1{
	  display: block;
	  height: 25px;
	  font-size: 14px;
	  color: #999999;
	  background-color: #fff;
	  background-image: none;
	  border: 1px solid #CBD5DD;
	  width:216px;
	  border-radius:10px;
	  text-indent:15px;
	}
	
	</style>
</head>
<body style="margin:0px;">
	<section>
       <section class="edit_scrollable padder">
	         <div class="edit_content">
			<form id="myFrom">
				 <div class="form" >
					    <div class="item">
							<label class="col-sm-1 editlable"> 属性名称：</label>
					   		<div class="fl">
									<input class="editform-control" id="attrName" value="${attrName}" type="text" maxlength="20" class="text" placeholder="请输入描述" required>
									<em class="emStyle">*</em>
							</div>
							<div class="col-sm-2">
								<a class="search" onclick="addValue();" style="float:left;margin-top: 3px;"><img width="80%;" src="${ctx }/images/table/add.png"></a>
							</div>
						</div>
						<input id="attrId" type="hidden" value="${attrId}">
				
						<input id="listSize" type="hidden" value="${attrValueSize}  ">
						<div id="aedict">
							<c:forEach items="${attrValue }" var="item" varStatus="itemStatus">
								<input id="valueId${itemStatus.index}" type="hidden" value="${item.id}">
								<div id="avalueId${itemStatus.index}" class="item">
										<label class="col-sm-3 editlable">选项${itemStatus.index + 1}文本值：</label>
										<div class="col-sm-2 editdiv" style="margin-left:15px;margin-top:3px;">
											<input id="name${itemStatus.index}" type="text" maxlength="50" value="${item.name }"
												class="form-control1" placeholder="属性值名称" required>
										</div>
										<div class="col-sm-2" style="margin-left:5px;">
							                <a class="search" onclick="deleteValue('${itemStatus.index}')" style="float:left;padding-left:31px;margin-top:3px;"><img width="80%;" src="${ctx }/images/table/delete.png"></a>
										</div>
								</div>
							</c:forEach>
						</div>
					</div>
			</form>
		</div>
    </section>
    </section>             
 	<script type="text/javascript">
		document.getElementById("myFrom").reset();
	</script>	
	<script src="${ctx}/js/controllers/mall/goodsCategory/AttrValueEditController.js" type="text/javascript"></script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
	<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
	<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
</body>
	
</html>
